<template>
    <div class="rightbar">
        <div class="rightconetent">
            <p>{{ title }}</p>
            <el-form-item label="">
                <el-checkbox-group v-model="form.type">
                    <el-checkbox label="添加到'我的一天'" name="type" />
                    <br>
                    <el-checkbox label="提醒我" name="type" />
                </el-checkbox-group>
                <el-date-picker v-model="form.date1" type="date" placeholder="Pick a date" style="width: 100%" />
                <el-input v-model="form.desc" type="textarea" placeholder="添加备注" class="label"/>
            </el-form-item>
        </div>
    </div>
</template>
  
<script setup>
import { onBeforeMount, reactive } from 'vue';
import { useStore } from "vuex"

const form = reactive({
    date1: '',
    date2: '',
    type: [],
    desc: '',
})
const store = useStore()
const props = defineProps(["title"])
onBeforeMount(() => {
    store.dispatch("getlistdata")
});
</script>

<style lang="less">
    @import "../style/rightbar.less";
</style>
